$colors: (
  'white': #ffffff,
  'black': #000000,
  'primary': #0054ab,
  'primary-8': rgba(0, 84, 171, 0.08),
  'success': #0bb79b,
  'success-8': rgba(11, 183, 155, 0.08),
  'warning': #e8a43b,
  'warning-8': rgba(232, 163, 59, 0.08),
  'danger': #e84b3b,
  'danger-8': rgba(232, 75, 59, 0.08),
  'blue': #3180db,
  'blue-8': rgba(49, 128, 219, 0.08),
  'gray-1': #323a45,
  'gray-2': #667685,
  'gray-3': #93a0ad,
  'gray-4': #bbbfdb,
  'background-1': #f4f4fb
);

@each $name in map-keys($colors) {
  .bg-#{$name} {
    background-color: map-get($colors, $name) !important;
  }
}

@each $name in map-keys($colors) {
  .text-#{$name} {
    color: map-get($colors, $name) !important;
  }
}
